/*
  学习目标：使用useState改造计数器功能
  步骤：
     1. 改造类组件为函数式组件
     */
//  2. 导入useState
import React, { useState } from 'react';

export default function App() {
  // 3. 调用useState函数，创建状态count和更新count的函数
  // 语法：const [状态变量，更新状态的函数] = useState(初始值)
  const [count, setCount] = useState(1000);

  const [msg, setMsg] = useState('');

  return (
    <div>
      conut -- {count}
      msg -- {msg}
      {/* 4. 使用state 和setState */}
      <button onClick={() => setMsg(msg + '~')}>点击改变msg</button>
      <button onClick={() => setCount(count + 1)}>点击改变count</button>
    </div>
  );
}
